<template>
	<div class="section section-end page_11">

		<div class="page_11_content text-c">
			<img :src="require('../../../assets/img/yearReport/2020/unit/'+(new Date(reportData.startDate).getFullYear()+1||'emicon')+'.png')" style="width:79%;height: 25%;">
			<!-- <div class="font50 page_11_title">2021</div> -->
			<div :class="{ 'animate__zoomIn':animated }" class="font20 page_11_text animate__animated" id="orgNameDes" :style="{visibility:animated?'visible':'hidden'}">
				我们携手共进<br>坚实守卫{{orgName}}消防安全
			</div>
		</div>
		<img v-if="showShare" src="/ilink-app-h5-zd/static/img/ilink_1577975180851.png" @click="handleShare()" class="sharePageBtn">

	</div>
</template>

<script>
export default {
	props: {
		reportData: {
			type: Object,
			default: function () {
				return {
					joinTime: {},
				}
			},
		},
		orgName: {
			type: String,
			default: '',
		},
		active: {
			type: Boolean,
			default: false,
		},
	},
	watch: {
		active(val) {
			if(val){
				setTimeout(()=>{
					this.animated=true
				},1000)
			}else{
				this.animated=false
			}
		} 
	},
	computed: {},
	data() {
		return {
			showShare: true,
			animated:false
		}
	},
	methods: {
		handleShare() {
			this.$emit('share')
		},
	},
	mounted() {
		//如果是给pc端嵌入
		if (
			!/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) &&
			!/(Android)/i.test(navigator.userAgent)
		) {
			this.showShare = false
		}
	},
}
</script>

